<!DOCTYPE html>
<html>
<head>
  <style>
		#block {
		height: 100px;
		width:	100px;
		border:1px solid green;
		}
</style>
  <script src="js/jquery-1.7.1.js"></script>
</head>
<body>
	<button id="go">&raquo; Run</button>
	<img id="block" src="dad.jpg" />
	<button id="show"> Show</butoon>
			
<script>

/* Using multiple unit types within one animation. */
//.animate( properties [, duration] [, easing] [, complete] )
	$("#go").click(function(){
		$("#block").animate({
			width: "70%",
			height: "500px",
			opacity: 0.8,
			marginLeft: "100px",
			fontSize: "3em",
			borderWidth: "10px"
		}, 500, function() {
			$("#block").css("border-color", "#bf0000");
		} );
	});
</script>

</body>
</html>